.fui-breadcrumb
  display: block
  line-height: 1.5

  &-item
    display: inline-block

    &:last-child .fui-breadcrumb-separator
      display: none

  &-link
    font-size: $font-md
    color: $text-mute

    a
      color: $brand-primary
      text-decoration: none
      cursor: pointer
      transition: color .3s

      &:hover
        color: $brand-info

        .fui-icon
          fill: $brand-info

    .fui-icon
      vertical-align: text-bottom
      margin-right: 4px
      fill: $brand-primary

  &-separator
    font-size: $font-md
    margin: 0 8px
    color: $text-mute
